<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:po="http://primefaces.org/omega">
    <div class="sidebar">
        <div class="nano">
            <div class="nano-content sidebar-scroll-content">
                <div class="logo">
                    <p:graphicImage value="#{resource['omega-layout:images/logo.png']}" width="113"/>
                </div>

                <div class="profile">
                    <p:graphicImage value="#{resource['omega-layout:images/profile.png']}"/>
                    <a id="profile-button" href="#">
                        <span class="username">Peggy Olson</span>
                        <i class="fa fa-fw fa-cog"/>
                    </a>
                    <ul>
                        <li><a href="#"><i class="fa fa-fw fa-sliders"/><span>Account</span></a></li>
                        <li><a href="#"><i class="fa fa-fw fa-bell"/><span>Notifications</span><span class="menu-badge">2</span></a></li>
                        <li><a href="#"><i class="fa fa-fw fa-sign-out"/><span>Logout</span></a></li>
                    </ul>
                </div>

                <div class="menu">
                    <h:form id="menuform">
                        <po:menu>
                            <p:menuitem id="om_dashboards" outcome="/dashboard.xhtml" icon="fa fa-home fa-fw" value="Dashboard"/>

                            <p:submenu id="om_components" label="Components" icon="fa fa-sitemap fa-fw">
                                <p:menuitem id="om_sample" outcome="/sample.xhtml" icon="fa fa-columns fa-fw" value="Sample Page"/>
                                <p:menuitem id="om_forms" outcome="/forms.xhtml" icon="fa fa-code fa-fw" value="Forms"/>
                                <p:menuitem id="om_data" outcome="/data.xhtml" icon="fa fa-table fa-fw" value="Data"/>
                                <p:menuitem id="om_panels" outcome="/panel.xhtml" icon="fa fa-list-alt fa-fw" value="Panels"/>
                                <p:menuitem id="om_overlays" outcome="/overlay.xhtml" icon="fa fa-square fa-fw" value="Overlays"/>
                                <p:menuitem id="om_menus" outcome="/menu.xhtml" icon="fa fa-minus-square-o fa-fw" value="Menus"/>
                                <p:menuitem id="om_messages" outcome="/messages.xhtml" icon="fa fa-circle-o-notch fa-fw" value="Messages"/>
                                <p:menuitem id="om_charts" outcome="/charts.xhtml" icon="fa fa-area-chart fa-fw" value="Charts"/>
                                <p:menuitem id="om_file" outcome="/file.xhtml" icon="fa fa-arrow-circle-o-up fa-fw" value="File"/>
                                <p:menuitem id="om_misc" outcome="/misc.xhtml" icon="fa fa-user-secret fa-fw" value="Misc"/>
                            </p:submenu>

                            <p:menuitem id="om_db_landing" outcome="/landing.xhtml" icon="fa fa-certificate fa-fw" value="Landing"/>

                            <p:submenu id="om_default" label="Template Pages" icon="fa fa-life-saver fa-fw">
                                <p:menuitem id="om_empty" outcome="/empty.xhtml" icon="fa fa-square-o fa-fw" value="Empty Page"/>
                                <p:menuitem id="om_login" outcome="/login.xhtml" icon="fa fa-sign-in fa-fw" value="Login Page"/>
                                <p:menuitem id="om_error" outcome="/error.xhtml" icon="fa fa-exclamation-circle fa-fw" value="Error Page"/>
                                <p:menuitem id="om_404" outcome="/404.xhtml" icon="fa fa-times fa-fw" value="404 Page"/>
                                <p:menuitem id="om_access" outcome="/access.xhtml" icon="fa fa-exclamation-triangle fa-fw" value="Access Denied Page"/>
                            </p:submenu>

                            <p:submenu id="om_hierarchy" label="Menu Hierarchy" icon="fa fa-gg fa-fw">
                                <p:submenu id="om_sm1" label="Submenu 1" icon="fa fa-sign-in fa-fw">
                                    <p:submenu id="om_sm11" label="Submenu 1.1" icon="fa fa-sign-in fa-fw">
                                        <p:menuitem id="om_lnk111" url="#" icon="fa fa-sign-in fa-fw" value="Link 1.1.1"/>
                                        <p:menuitem id="om_lnk112" url="#" icon="fa fa-sign-in fa-fw" value="Link 1.1.2"/>
                                        <p:menuitem id="om_lnk113" url="#" icon="fa fa-sign-in fa-fw" value="Link 1.1.3"/>
                                    </p:submenu>
                                    <p:submenu id="om_sm12" label="Submenu 1.2" icon="fa fa-sign-in fa-fw">
                                        <p:menuitem id="om_lnk121" url="#" icon="fa fa-sign-in fa-fw" value="Link 1.2.1"/>
                                    </p:submenu>
                                </p:submenu>
                                <p:submenu id="om_sm2" label="Submenu 2" icon="fa fa-sign-in fa-fw">
                                    <p:submenu id="om_sm21" label="Submenu 2.1" icon="fa fa-sign-in fa-fw">
                                        <p:menuitem id="om_lnk211" url="#" icon="fa fa-sign-in fa-fw" value="Link 2.1.1"/>
                                        <p:menuitem id="om_lnk212" url="#" icon="fa fa-sign-in fa-fw" value="Link 2.1.2"/>
                                    </p:submenu>
                                    <p:submenu id="om_sm22" label="Submenu 2.2" icon="fa fa-sign-in fa-fw">
                                        <p:menuitem id="om_lnk221" url="#" icon="fa fa-sign-in fa-fw" value="Link 2.2.1"/>
                                    </p:submenu>
                                </p:submenu>
                            </p:submenu>

                            <p:menuitem id="om_docs_1" outcome="/docs.xhtml" icon="fa fa-book fa-fw" value="Documentation"/>
                        </po:menu>
                    </h:form>
                </div>
            </div>
        </div>
    </div>
</ui:composition>